
<template>
	<!-- 照片墙 -->
	<div class="box-album-board">
		<div class="box-head">
			<span>{{param.label}}</span>
			<span>{{param.count}}</span>
		</div>
		<div class="box-content">
			<div class="photoItem" v-for="(row,index) in param.photoList" :key="index">
				<div class="photoItem-inner">
					<div class="box-img">
						<img :src="row.src">
					</div>
					<div class="box-txt">
						<el-row class="stu">学员：{{row.studentName}}</el-row>
						<el-row>拍摄：{{row.teacherName}}</el-row>
						<el-row>
							{{row.createTime}}
							<i class="deletebtn el-icon-delete"></i>
						</el-row>
					</div>
				</div>
				
			</div>
		</div>
	</div>
</template>

<script>
	
	export default{
		props:['param'],
		components:{},
		data(){
			return {
				
			}
		},
		methods:{
			
		},
		mounted(){
			
		},
		computed:{
			
		},
		watch:{

		}
	}
</script>

<style lang="scss" scoped>
	.box-album-board{
		position: relative;
		width: 100%;
		height: auto;
		margin-top: 0.16rem;
		.box-head,.box-content{
			width: 100%;
			
		}
		.box-head{
			padding: 0.08rem;
		}
		.box-content{
			display: flex;
			flex-wrap: wrap;
			
			.photoItem{
				width: 20%;
				height: 3rem;
				padding: 0.08rem;
				.photoItem-inner{
					width: 100%;
					height: 100%;
					border: 1px solid #666666;
				}
				.box-img{
					width: 100%;
					height: 1.8rem;
					img{
						width: 100%;
						height: 100%;
					}
				}
				.box-txt{
					width: 100%;
					height: 0.8rem;
					padding: 0 0.16rem;
					.stu{
						margin-top: 0.2rem;
					}
					.deletebtn{
						cursor: pointer;
						float: right;
					}
				}
			}
		}
	}
	
</style>